<template>
  <div class="home">
    <div class="home__top">
      <!-- 放一个坑 -->
      <router-view></router-view>
    </div>

    <div class="home__bottom">
      <router-link tag="button" to="/films">电影</router-link>
      <router-link tag="button" to="/cinemas">影院</router-link>
      <router-link tag="button" to="/me">我的</router-link>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped lang="scss">
.home {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: green;

  &__top {
    flex: 1;
  }

  &__bottom {
    height: 50px;
    background-color: red;
  }
}
</style>
